<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	template="../layout/templateGeneral.xhtml">

	<ui:define name="contenido">
		<br />
		<div class="tituloSec">
			<h:outputText value="L&iacute;nea de Productos  (Filtros excluyentes)" />
		</div>
		<h:form id="formPedidos">
		<h:panelGrid styleClass="tablaGenerica" columns="2" border="0" style="width:100%">
			<h:panelGroup>
			<h:panelGrid>
			<h:outputText value="Linea de producto:" styleClass="txtUnoVin"></h:outputText>
			<h:selectOneMenu enableManualInput="true" id="listaLineasProd"
                valueChangeListener="#{lineaProductosBean.actionSeleccionLineaProducto}" styleClass="combo">
                <f:selectItems value="#{lineaProductosBean.lineasProductos}" />
                <a4j:ajax event="valueChange" render="grillaProductos" execute="@this" />
            </h:selectOneMenu>
         	<h:panelGroup>
         	<h:panelGrid>
         	<h:outputText value="Producto:" styleClass="txtUnoVin"></h:outputText>
         	<h:inputText styleClass="cajaSimple" style=" width : 150px;" id="productoBuscar" value="#{lineaProductosBean.filtroProducto}"/>
						<h:panelGrid columns="2">
						<a4j:commandButton styleClass="botonAgregar" value="buscar" action="#{lineaProductosBean.buscarFiltroProducto}" render="grillaProductos,mensajePresupuesto" execute="@this,productoBuscar">
									
								</a4j:commandButton>
								<a4j:commandButton styleClass="botonLimpiar" value="limpiar" action="#{lineaProductosBean.limpiar}" render="grillaProductos,productoBuscar,mensajePresupuesto" execute="@this">
									
								</a4j:commandButton>
								
						</h:panelGrid>	
         	</h:panelGrid>
         	</h:panelGroup>
            </h:panelGrid>
		    </h:panelGroup>
				
				
			<h:panelGroup>

					<h:panelGrid columns="1"  style="text-align:center;width:700px" border="0" id="grillaProductos">
					
					<!--  
						<h:outputText value="#{lineaProductosBean.mensajePresupuesto}" id="mensajePresupuesto" styleClass="txtMsgRojo"/>
					-->	

						<rich:dataGrid value="#{lineaProductosBean.productos}" id="grillaProductosGrid"
							var="producto" columns="3" elements="6"  border="0" iterationStatusVar="varkey" >
							<rich:panel bodyClass="pbody" style="width:220px;" styleClass="estadoNuevo#{producto.nuevo}">
								<f:facet name="header">
								<div class="elipsisHeaderProductos" title="#{producto.nombre}" alt="#{producto.nombre}">
									<h:outputText value="#{producto.nombre}"/>
									</div>
									
									
								</f:facet>
								
								<a4j:commandLink execute="@this" value=" " render="panelDetalleProducto" action="#{lineaProductosBean.asignarProductoActual}" oncomplete="#{rich:component('panelDetalleProducto')}.show()">
								  <h:graphicImage url="../resources/img/upload/#{producto.urlImagen}" library="img"  width="105" height="105" />
								  <a4j:param value="#{producto.id}" assignTo="#{lineaProductosBean.idProductoActual}" />
								</a4j:commandLink>
								<div align="left">
								<h:panelGrid columns="2">
									<h:outputText value="Nombre:" styleClass="txtUnoVin"></h:outputText>
									<h:panelGroup>
									<div class="elipsisDescProductos" title="#{producto.nombre}" alt="#{producto.nombre}">
									<h:outputText value="#{producto.nombre}" />
									</div>
									</h:panelGroup>
									<h:outputText value="Precio:" styleClass="txtUnoVin"></h:outputText>
									<h:outputText value="$ #{producto.precioUnitario}" />
									
									<h:outputText value="Unidad de medida:" styleClass="txtUnoVin"></h:outputText>
									<h:panelGroup>
									<div class="elipsisDescProductos" title="#{producto.unidadMedida}" alt="#{producto.unidadMedida}">
									<h:outputText value="#{producto.unidadMedida}" />
									</div>
									</h:panelGroup>
									
									<h:panelGroup>
						            <div class="txtUnoVin">
									<h:outputText value="Cantidad solicitada:"></h:outputText>
									</div>
									</h:panelGroup>
									<h:inputText size="30" styleClass="cajaSimple" style="width:50px;" maxlength="30" value="#{lineaProductosBean.cantidadesProdcutos[varkey.index]}" id="cantidadActual"/>
									<h:panelGroup rendered="#{userSessionBean.permisos['VER_CANT_DISPONIBLE']}">
						            <div class="txtUnoVin">
									<h:outputText value="Cantidad disponible:" ></h:outputText>
									</div>
									</h:panelGroup>
									<h:outputText value="#{producto.cantDisponible}" rendered="#{userSessionBean.permisos['VER_CANT_DISPONIBLE']}" />
									
								</h:panelGrid>
								</div>
								<a4j:commandButton styleClass="botonAgregar" value="agregar" id="buscar1" execute="cantidadActual" rendered="#{lineaProductosBean.renderProductos[varkey.index]  and  userSessionBean.permisos['VER_HACER_PEDIDO'] }"
									action="#{lineaProductosBean.agregarCarro}" render="tablaCarrito,grillaInfoCarrito,grillaProductosGrid,mensajePresupuesto,textoPresupuesto" >
									<a4j:param value="#{producto.id}" assignTo="#{lineaProductosBean.idProductoActual}" />
									<a4j:param value="#{varkey.index}" assignTo="#{lineaProductosBean.indexProducto}" />
								</a4j:commandButton>
							</rich:panel>
							
						</rich:dataGrid>
						<div align="center" style="margin:10px"><rich:dataScroller for="grillaProductosGrid"/></div>
						
						<div class="estadoNuevoS" style="width:120px">Producto Nuevo</div>
						
					</h:panelGrid>
			</h:panelGroup>
		</h:panelGrid>
		
		
		<rich:popupPanel modal="true" id="panelDetalleProducto" autosized="true" >
				<f:facet name="header">
					<h:panelGroup>
						<h:outputText value="Detalle del producto"></h:outputText>
					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="../resources/img/close.png" styleClass="hidelink"
							onclick="#{rich:component('panelDetalleProducto')}.hide()" />
					</h:panelGroup>
				</f:facet>
				<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
					<ui:include src="detalleProductoInclude.xhtml" />
				</h:panelGrid>
			</rich:popupPanel>
			
		</h:form>
	</ui:define>
</ui:composition>
